<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>工程技术生产运行管理系统</title>


    <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <script type="text/javascript" src="js/jquery-latest.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
</head>
<body>
    <div class="all">

        <div class="head">
            <div class="headl">
                <div class="logo">
                    <img src="images/chyine1.png" />
                </div>
            </div>
            <div class="headr">
                <div class="r1"></div>
                <div class="r2">
                    <div class="r3">
                        <div class="r4">
                            <ul>
                            	<li><img id="search_span" src="images/header_search_easyicon_net_16.png" style="cursor: pointer;"/></li>
                            	<li>全文搜索	</li>
                            	<li><img id="coll_span" src="images/header_coll_easyicon_net_16.png" style="cursor: pointer;"/></li>
                            	<li>收藏夹	</li>
                                <li><img src="images/chyine8.png" /></li>
                                <li>管理员	切换语言：</li>
                                <li><img id="language_span" src="images/chyine7.png" style="cursor: pointer;" /></li>
                                <li>&nbsp;&nbsp;<a href="login.html" style="color: #fff">注销</a></li>
                            </ul>
                        </div>
                        <div class="clear"></div>
                        
                        <marquee scrollAmount=2 width=450 onmouseover=stop() onmouseout=start()>
                        	<a href="#" style="color: #fff">您有<font style="color:#F00"> 3 </font>条待办消息</a>
                        	<a href="#" style="color: #fff">2014年7月钻井工作量月报审批</a>
                        	<a href="#" style="color: #fff">2014年6月钻井工作量月报审批</a>
                        </marquee>
                        
                        <div>天气预报：北京 多云&nbsp; <img  src="images/header_weather_easyicon_net_16.png"/>&nbsp;13℃-24℃ &nbsp;当前时间：<span id="time"></span></div>
                        
                        <span id="#info"></span>
                         
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>

    </div>
	
    <!-- 首页右侧语言菜单 -->
    <div id="language_menu" class="easyui-menu" style="display: none;">
        <div id="ch_ZN">简体中文（√）</div>
        <div id="en_US">英语</div>
        <div id="ru">俄语</div>
        <div id="fr">法语</div>
        <div id="es">西班牙语</div>
    </div>
    
    <!-- 首页收藏夹 -->
    <div id="coll_menu" style="display: none;position: absolute;z-index: 1;">
	    <div  class="easyui-panel" title="常用资源收藏夹" 
	        style="width:400px;height:200px;padding:10px;">
	        <table cellpadding="0" cellspacing="0" class="table-striped">
	        	<tr>
	        		<td colspan="2">表：</td>
	        	</tr>
	        	<tr>
	        		<td><a href="#">钻井日报</a></td>
	        		<td><a href="#">钻井月报</a></td>
	        	</tr>
	        	<tr>
	        		<td colspan="2">菜单：</td>
	        	</tr>
	        	<tr>
	        		<td><a href="#">钻井日报</a></td>
	        		<td><a href="#">钻井月报</a></td>
	        	</tr>
	        	<tr>
	        		<td colspan="2">电子文档：</td>
	        	</tr>
	        	<tr>
	        		<td><a href="#">牛东2井史</a></td>
	        		<td><a href="#">克深2井史</a></td>
	        	</tr>
	        </table>
		</div>
    </div>
    
    <!-- 首页搜索框 -->
    <div class="center" style="display: none;" id="search_div">
    	<iframe src="search.html" height="580px;" width="100%" scrolling="no" marginheight="0" frameborder="0" marginwidth="0"></iframe>
    </div>
    
    <div class="center" style="" id="main_div">

        <div class="center1" id="westdiv">
        
			<div class="easyui-accordion" style="width:214px;height:260px;">
				<div title="待办事宜" iconCls="icon-undo" selected="true" style="overflow:auto;padding:10px;">
					<h4 style="color:#0099FF;">您有3条待办</h4>
					<ul>
						<li><a href="#">2014年7月钻井工作量月报审批</a></li>
						<li><a href="#">2014年6月钻井工作量月报审批</a></li>
						<li><a href="#">2014年5月钻井工作量月报审批</a></li>
					</ul>
				</div>
			</div>
			<div class="easyui-accordion" style="width:214px;height:260px;">
				<div title="通知公告" iconCls="icon-sum" selected="true" style="padding:10px;">
					<ul>
						<li><a href="#">渤海钻探钻井一公司工作流子系统培训通知 2014-9-17</a></li>
						<li><a href="#">长城钻探钻井二公司工作流子系统培训通知 2014-9-10</a></li>
					</ul>
				</div>
			</div>

        </div>
		
		<!-- 隐藏条 -->
        <div class="center2" id="centerdiv"><a href="#" style="display: none;">
            <img src="images/chyine15.png" /></a>
        </div>
		
		<div class="center3" id="eastdiv" style="width: 70%;overflow: visible;">
			<div class="rightfunclist" style="background-color: #FCFCFC;">
	        		<ul>
	        			<li>
	        				<div class="funcicondiv"><a href="readme.html" target="_blank"><img src="images/logo.png" alt="" width="68" height="68"/></a></div>
	        				<p class="title"><a href="readme.html" target="_blank">原型使用说明</a></p>
	        			</li>
	        			<li>
	        				<div class="funcicondiv"><a href="html/dr/index.html" target="_blank"><img src="images/A12/5.png" alt="" /></a></div>
	        				<p class="title"><a href="html/dr/index.html">钻井专业(模板)</a></p>
	        			</li>
	        			<li>
	        				<div class="funcicondiv"><a href="index_dr.html" target="_blank"><img src="images/A12/5.png" alt=""/></a></div>
	        				<p class="title"><a href="index_dr.html">钻井专业(普通)</a></p>
	        				
	        			</li>
	        			<li>
	        				<div class="funcicondiv"><img src="images/A12/2.png" alt="" /></div>
	        				<p class="title">测井专业</p>
	        			</li>
	        			<li>
	        				<div class="funcicondiv"><img src="images/A12/3.png" alt=""/></div>
	        				<p class="title">录井专业</p>
	        			</li>
	        			<li>
	        				<div class="funcicondiv"><img src="images/A12/4.png" alt="" /></div>
	        				<p class="title">井下专业</p>
	        			</li>
	        		</ul>
	            <div class="clear"></div>
	        </div>
	        <div class="rightfunclist" style="background-color:#FAF4FF;">
	        		<ul>
	        			
	        			<li>
	        				<div class="funcicondiv"><img src="images/A12/8.png" alt=""/></div>
	        				<p class="title">成果归档</p>
	        			</li>
	        			<li>
	        				<div class="funcicondiv"><img src="images/A12/7.png" alt="" /></div>
	        				<p class="title">统计分析</p>
	        			</li>
	        			<li>
	        				<div class="funcicondiv"><img src="images/A12/10.png" alt="" /></div>
	        				<p class="title">数据仓库</p>
	        			</li>
	        		</ul>
	            <div class="clear"></div>
	        </div>
	        <div class="rightfunclist" style="background-color: #FCFCFC;">
	        		<ul>
	        			<li>
	        				<div class="funcicondiv"><img src="images/A12/9.png" alt="" /></div>
	        				<p class="title">HSE</p>
	        			</li>
						<li>
	        				<div class="funcicondiv"><img src="images/A12/6.png" alt="" /></div>
	        				<p class="title">监督管理</p>
	        			</li>
	        		</ul>
	            <div class="clear"></div>
	        </div>
		</div>
	</div>
<script type="text/javascript">


/*初始更新*/
$(function () {
	
    imgHover();//动画图标
	
	/*绑定语言切换*/
    $("#language_span").click(function (event) {

        $('#language_menu').menu({
            minWidth: 10
        });

        $('#language_menu').menu('show', {
            left: event.pageX - 5,
            top: event.pageY + 5
        });
    });
    
	/*绑定菜单收集*/
    $("#coll_span").click(function (e) {
    	
    	$("#coll_menu").css("top", e.clientY + 15);
	    $("#coll_menu").css("left", e.clientX - 250);
    	$('#coll_menu').toggle();
    });
	
	/*绑定菜单收集*/
    $("#search_span").click(function (e) {
    	
    	$('#search_div').toggle();
    	$('#main_div').toggle();
    });
	
    $("table[class='table-striped'] tbody tr:nth-child(odd) td").css({"background-color":"#e0edfe", "text-align":"left"});
    $("table[class='table-striped'] tbody tr:nth-child(even) td").css({"background-color":"white","text-align":"left"});
    
});

/*浏览器窗口调整*/
$(window).resize(function() {
	//$("#eastdiv").width($(document).width()-$("#westdiv").width()-$("#centerdiv").width());
});

setInterval(function(){$('#time').html(currentTime);},1000);


</script>

</body>
</html>
